<template>
  <div id="apple">

<!--    <el-row>-->
<!--      <el-button>默认按钮</el-button>-->
<!--      <el-button type="primary">主要按钮</el-button>-->
<!--      <el-button type="success">成功按钮</el-button>-->
<!--      <el-button type="info">信息按钮</el-button>-->
<!--      <el-button type="warning">警告按钮</el-button>-->
<!--      <el-button type="danger">危险按钮</el-button>-->
<!--    </el-row>-->

<!--    <el-table-->
<!--      :data="tableData"-->
<!--      style="width: 100%">-->
<!--      <el-table-column-->
<!--        prop="name"-->
<!--        label="周一"-->
<!--        width="180">-->
<!--      </el-table-column>-->

<!--      <el-table-column-->
<!--        prop="name"-->
<!--        label="周二"-->
<!--        width="180">-->
<!--      </el-table-column>-->

<!--      <el-table-column-->
<!--        prop="name"-->
<!--        label="周三">-->
<!--      </el-table-column>-->

<!--      <el-table-column-->
<!--        prop="name"-->
<!--        label="周四">-->
<!--      </el-table-column>-->

<!--      <el-table-column-->
<!--        prop="name"-->
<!--        label="周五">-->
<!--      </el-table-column>-->

<!--      <el-table-column-->
<!--        prop="name"-->
<!--        label="周六">-->
<!--      </el-table-column>-->

<!--      <el-table-column-->
<!--        prop="name"-->
<!--        label="周日">-->
<!--      </el-table-column>-->

<!--    </el-table>-->


      <el-table :data="tableData" style="width: 100%">

        <el-table-column prop="date" :label="date0" width="140"> </el-table-column>

        <el-table-column :label="date2">
          <el-table-column prop="name" label="2021-01-01"></el-table-column>
        </el-table-column>

       <el-table-column label="周二">
         <el-table-column prop="name" label="2021-01-01"></el-table-column>
       </el-table-column>

       <el-table-column label="周三">
         <el-table-column prop="name" label="2021-01-01"></el-table-column>
       </el-table-column>

        <el-table-column label="周四">
          <el-table-column prop="name" label="2021-01-01"></el-table-column>
        </el-table-column>

        <el-table-column label="周五">
          <el-table-column prop="name" label="2021-01-01"></el-table-column>
        </el-table-column>

        <el-table-column label="周六">
          <el-table-column prop="name" label="2021-01-01"></el-table-column>
        </el-table-column>

        <el-table-column label="周日">
          <el-table-column prop="name" label="2021-01-01"></el-table-column>
        </el-table-column>
      </el-table>

<!--    <p>apple</p>-->
<!--    <p>{{message}}</p>-->
<!--    <p>{{this.$route.params.color}}</p>-->
<!--    <button @click="getParams()">getParams</button>-->
<!--    <router-view></router-view>-->

<!--    <el-table :data="tableList" stripe height="200" width="50%">-->
<!--      <el-table-column-->
<!--        v-for="(item, index) in tableLabel"-->
<!--        :key="index"-->
<!--        :label="item.label"-->
<!--        :prop="item.prop"-->
<!--      ></el-table-column>-->
<!--    </el-table>-->

  </div>

</template>

<script>
    export default {
      name: "apple",
      data () {
        return {
          message:'no',
          date0:'日期',
          date1:'周一',
          date2:'周二',
          date3:'周三',
          tableData: [{
            date: '2016-05-03',
            name: '王小虎',
            province: '上海',
            city: '普陀区',
            address: '上海市普陀区金沙江路 1518 弄',
            zip: 200333
          }, {
            date: '2016-05-02',
            province: '上海',
            city: '普陀区',
            address: '上海市普陀区金沙江路 1518 弄',
            zip: 200333
          }, {
            date: '2016-05-04',
            name: '王小虎',
            province: '上海',
            city: '普陀区',
            address: '上海市普陀区金沙江路 1518 弄',
            zip: 200333
          }, {
            date: '2016-05-01',
            name: '王小虎',
            province: '上海',
            city: '普陀区',
            address: '上海市普陀区金沙江路 1518 弄',
            zip: 200333
          }, {
            date: '2016-05-08',
            name: '王小虎',
            province: '上海',
            city: '普陀区',
            address: '上海市普陀区金沙江路 1518 弄',
            zip: 200333
          }, {
            date: '2016-05-06',
            name: '王小虎',
            province: '上海',
            city: '普陀区',
            address: '上海市普陀区金沙江路 1518 弄',
            zip: 200333
          }, {
            date: '2016-05-07',
            name: '王小虎',
            province: '上海',
            city: '普陀区',
            address: '上海市普陀区金沙江路 1518 弄',
            zip: 200333
          }],
          tableList: [
            {
              name: "Rachel",
              age: "23",
              sex: "girl",
              hobby: "eat",
            },
            {
              name: "Mike",
              age: "32",
              sex: "boy",
              hobby: "play",
            }
          ],
          tableLabel: [
            {
              label: "姓名",
              prop: "name",
            },
            {
              label: "年龄",
              prop: "age",
            },
            {
              label: "性别",
              prop: "sex",
            },
            {
              label: "爱好",
              prop: "hobby",
            },
          ]
        }
      },
      methods :{
        getParams (){
          let color = this.$route.params;
            console.log(color);
            this.message=color
        }
      },
      // created() {
      // }
    }
</script>

<style scoped>

</style>
